<html>
	<head>
		<title>{%$title%}</title>
		<base href="/Tpl/Aweb/"/>

		<link href="Themes/default/css/main.css" type="text/css" rel="stylesheet">
		
		<!-- Lib and g11n -->
		<script src='../Libs/jquery-1.7.2.min.js'></script>
		<script src='../Libs/jquery.ui.widget.js'></script>
		<script src='../Libs/jquery.ui.tabs.js'></script>
		<script src='Config/classes.config.js'></script>
		<script src='../Libs/classes.js'></script>
		<script src='../G11n/g11n.{%$lang|default='zh-cn'%}.js'></script>
		<!--
		<script src='Views/html.compiled.js'></script>
		-->

		<!-- Widgets -->
		<script src='Widgets/headerbar.js'></script>
		<script src='Widgets/goodsitem.js'></script>
		<script src='Widgets/logobar.js'></script>
		<script src='Widgets/categoryview.js'></script>
		<script src='Widgets/galleryview.js'></script>
		<script src='Widgets/metroview.js'></script>
		<script src='Widgets/commonview.js'></script>

	</head>
	<body class='main'>
		<!-- Header -->
		<div class='header'>
			<div class='bar'></div>

			<div class='logo-bar'></div>
		</div>

		<!-- Content -->
		<div class='content-section'>
			
			
			<div class='fl catalog' style='background-color:#efe;width:200px;height:420px'></div>
			<div id='content-pane' class='fl content' 
				widget-class = 'GalleryView' widget-id='galleryview'
				style='background-color:#eee;width:780px;height:420px;'>
			</div>
		</div>

		<!-- Footer -->
		<div class='footer' include='example.html'></div>

	</body>
</html>

<script type="text/javascript">

	$(function(){

		$main();

		/*
		var headerBar2 = new HeaderBar();
		headerBar2.create($('div.bar'));

		var logoBar = new LogoBar();
		logoBar.create($('div.logo-bar'));


		
		var categoryview = new CategoryView();
		categoryview.create($('div.catalog'));

		categoryview.addItem('平板电脑', 'thtml/common/common1.html');
		categoryview.addItem('手机', null);
		categoryview.addItem('电视机', 'thtml/common/common1.html');
		categoryview.addItem('洗衣机', 'thtml/common/common1.html');
		categoryview.addItem('空调', 'thtml/common/common1.html');
		categoryview.addItem('笔记本', 'thtml/common/common1.html');
		
		var galleryview = new GalleryView();
		galleryview.create($('#content-pane'));
		

		////////
		
		galleryview = Widget.widgetById('galleryview');

		var metroView1 = new MetroView();
		var metroView2 = new MetroView();
		var metroView3 = new MetroView();
		var metroView4 = new MetroView();
		var metroView5 = new MetroView();
		galleryview.addItem(metroView1);
		galleryview.addItem(metroView2);
		galleryview.addItem(metroView3);
		galleryview.addItem(metroView4);
		galleryview.addItem(metroView5);
		*/

		
		

		// 单独的Metro View
		//var metroView2 = new MetroView();
		//metroView2.create($('div.footer'));

		
	});


</script>